<template>
  <div>
    <sea-tree-check :options="tree1" v-model="treeId"></sea-tree-check>
    <span>{{treeId}}</span>
  </div>
</template>

<script>

let options = [
    {value: 1, label: '区域1'}
    , {value: 2, label: '区域2'}
];


let tree1 = [
    {id: 1, label: '一级 1'}
    , {id: 4, pid: 1, label: '二级 1-1'}
    , {id: 9, pid: 4, label: '三级 1-1-1'}
    , {id: 2, pid: 4, label: '一级 2'}
];

let tree2 = [
    {id: 1, label: '一级 1'}
    , {id: 4, pid: 1, label: '二级 1-1'}
    , {id: 9, pid: 4, label: '三级 1-1-1'}
    , {id: 2, pid: 4, label: '一级 2'}
];

export default {
    components: {},
    data() {
        return {
            treeId: [1,2],
            options: options,
            tree1: tree1,
            tree2: tree2
        }
    },
}
</script>
